<template>
  <div class="bast">
    <comp-tittle>
      <template>
        <h4>精品推荐</h4>
      </template>
    </comp-tittle>
    <div class="bastbanner">
      <van-swipe class="my-swipe" :autoplay="3000" indicator-color="#9926f7">
        <van-swipe-item v-for="item in bastBanner" :key="item.id">
          <img :src="item.img" alt="" width="100%"/>
        </van-swipe-item>
      </van-swipe>
    </div>
    <div class="bastList">
        <comp-goodsitem v-for="item in bastList" :key="item.id" :item="item"></comp-goodsitem>
    </div>
  </div>
</template>
<script>
import compTittle from "@/components/compTittle.vue";
import compGoodsitem from "@/components/compGoodsitem.vue";

export default {
  data() {
    return {};
  },
  props: {
    bastBanner: {
      type: Array,
    },
    bastList: {
      type: Array,
    },
  },
  components: {
    "comp-tittle": compTittle,
    "comp-goodsitem": compGoodsitem,
  },
  methods:{

  }
};
</script>
<style lang="scss" scoped>
.bast{
    padding:  0 20px;
    box-sizing: border-box;
}
</style>